<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>codefun</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="./xuangoujiemian.css" />
    <script type="text/javascript" src="./xuangoujiemian.js"></script>
  </head>
  <body>
    <div class="flex-col page">
      <div class="flex-col">
        <div class="flex-row justify-between group">
          <span class="font text">9:41</span>
          <div class="flex-row">
            <img
              class="image"
              src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=4db58289cb817c319123506a45f49443.png"
            />
            <img
              class="image_2 ml-8"
              src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=5249c4850e4b9d339a85cfb7ec5b7f1f.png"
            />
            <img
              class="image_3 ml-8"
              src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=cbd94863d38ee0cd7407b6552a3f97b5.png"
            />
          </div>
        </div>
        <div class="flex-col mt-17">
          <div class="flex-row justify-center items-center relative section">
            <img
              class="image_4 pos"
              src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=6ed8a2ab9d80a40a6529159d97eb38e1.png"
              onclick="onClick()"
            />
            <span class="font text_2">点单</span>
            <div class="flex-col justify-start section_2 pos_2">
              <div class="group_2"></div>
              <span class="text_3 pos_3">搜一搜</span>
            </div>
          </div>
          <div class="flex-col">
            <div class="flex-row items-center list-item mt-9">
              <div class="flex-row items-center flex-1">
                <div class="flex-col justify-start items-center shrink-0 image-wrapper">
                  <img
                    class="shrink-0 image_5"
                    src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=4b56ced04a7c584a036391a6829331bd.png"
                  />
                </div>
                <div class="flex-col flex-1 ml-12">
                  <div class="flex-col items-start">
                    <span class="font_2 text_4">小卤乱撞素醍醐饭</span>
                    <span class="font_4 mt-11">没有浓重调味料的家常卤味</span>
                  </div>
                  <div class="flex-row items-baseline mt-30">
                    <span class="font_6">¥</span>
                    <span class="font_5 ml-4">32.0</span>
                    <span class="font_7 text_6 ml-4">¥35</span>
                  </div>
                </div>
              </div>
              <div class="flex-col shrink-0 group_3 ml-21">
                <div class="flex-col justify-start items-center self-start text-wrapper">
                  <span class="font_3 text_5">已售:536</span>
                </div>
                <img
                  class="self-end image_6 mt-41"
                  src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=13094d0bf115e96fb4e334794051f02b.png"
                />
              </div>
            </div>
            <div class="flex-row justify-between items-center list-item mt-9">
              <div class="flex-row items-center">
                <div class="flex-col justify-start items-center relative section_3">
                  <img
                    class="shrink-0 image_7"
                    src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=e7ab077fce12628fc2587c060bea7cda.png"
                  />
                  <div class="flex-col justify-start items-center text-wrapper_2 pos_4">
                    <span class="font_8 text_7">剩余5份</span>
                  </div>
                </div>
                <div class="flex-col ml-12">
                  <div class="flex-col items-start">
                    <span class="font_2">酸不牛啾香汤粉</span>
                    <span class="font_9 mt-11">晶莹剔透，口感爽滑！</span>
                  </div>
                  <div class="flex-row items-baseline mt-30">
                    <span class="font_6">¥</span>
                    <span class="font_5 ml-4">32.0</span>
                    <span class="font_7 text_6 ml-4">¥35</span>
                  </div>
                </div>
              </div>
              <div class="flex-col group_3">
                <div class="flex-col justify-start items-center self-start text-wrapper">
                  <span class="font_3 text_5">已售:536</span>
                </div>
                <img
                  class="self-end image_6 mt-41"
                  src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=34a2bb34f01cc6b5813f8bf5215cb7bd.png"
                />
              </div>
            </div>
            <div class="flex-row items-center list-item mt-9">
              <div class="flex-col justify-start shrink-0 section_4">
                <div class="flex-col justify-start items-center relative section_5">
                  <img
                    class="image_7"
                    src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=6304dd433c2e1d94bc76afd01b6ea608.png"
                  />
                  <div class="flex-col justify-start items-center text-wrapper_3 pos_5">
                    <span class="font_10 text_10">已售罄</span>
                  </div>
                </div>
              </div>
              <div class="flex-col flex-1 group_4">
                <div class="flex-col items-start">
                  <span class="font_2 text_8">见面虾扯蛋</span>
                  <span class="font_4 text_9 mt-11">鲜活虾才有的口感：饱满Q弹！</span>
                </div>
                <div class="flex-row items-baseline mt-29">
                  <span class="font_6">¥</span>
                  <span class="font_5 ml-4">32.0</span>
                  <span class="font_7 text_6 ml-4">¥35</span>
                </div>
              </div>
              <div class="flex-col shrink-0 group_3 view">
                <div class="flex-col justify-start items-center self-start text-wrapper">
                  <span class="font_3 text_5">已售:536</span>
                </div>
                <img
                  class="self-end image_6 mt-41"
                  src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=02c317c95f25e82cc71180ca69eb19be.png"
                />
              </div>
            </div>
            <div class="flex-row items-center list-item mt-9">
              <div class="flex-row items-center flex-1">
                <div class="flex-col justify-start shrink-0 section_4">
                  <div class="flex-col justify-start items-center relative section_6">
                    <img
                      class="image_5"
                      src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=c7428c76ce122db4e67ee200f2377b59.png"
                    />
                    <div class="flex-col justify-start items-center text-wrapper_3 pos_6">
                      <span class="font_10 text_10">已售罄</span>
                    </div>
                  </div>
                </div>
                <div class="flex-col flex-1 ml-12">
                  <div class="flex-col items-start">
                    <span class="font_2 text_11">小卤乱撞素醍醐饭</span>
                    <span class="font_4 mt-11">没有浓重调味料的家常卤味</span>
                  </div>
                  <div class="flex-row items-baseline mt-30">
                    <span class="font_6">¥</span>
                    <span class="font_5 ml-4">32.0</span>
                    <span class="font_7 text_6 ml-4">¥35</span>
                  </div>
                </div>
              </div>
              <div class="flex-col shrink-0 group_3 ml-21">
                <div class="flex-col justify-start items-center self-start text-wrapper">
                  <span class="font_3 text_5">已售:536</span>
                </div>
                <img
                  class="self-end image_6 mt-41"
                  src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=17455c1d5b6182a2eae90fbc8a133f0b.png"
                />
              </div>
            </div>
            <div class="flex-row justify-between items-center list-item mt-9">
              <div class="flex-row items-center">
                <div class="flex-col justify-start items-center relative section_7">
                  <img
                    class="shrink-0 image_7"
                    src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=dae714db5ca629fc68d3a798f96f00f7.png"
                  />
                  <div class="flex-col justify-start items-center text-wrapper_2 pos_7">
                    <span class="font_8 text_7">剩余5份</span>
                  </div>
                </div>
                <div class="flex-col ml-12">
                  <div class="flex-col items-start">
                    <span class="font_2">酸不牛啾香汤粉</span>
                    <span class="font_9 mt-11">晶莹剔透，口感爽滑！</span>
                  </div>
                  <div class="flex-row items-baseline mt-30">
                    <span class="font_6">¥</span>
                    <span class="font_5 ml-4">32.0</span>
                    <span class="font_7 text_6 ml-4">¥35</span>
                  </div>
                </div>
              </div>
              <div class="flex-col group_3">
                <div class="flex-col justify-start items-center self-start text-wrapper">
                  <span class="font_3 text_5">已售:536</span>
                </div>
                <img
                  class="self-end image_6 mt-41"
                  src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=04760c92aa8b9f14c8309f78aa333e99.png"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="flex-row justify-between items-center section_8 mt-94">
        <div class="flex-row">
          <img
            class="shrink-0 image_8"
            src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=61de0e6a32e8f1afb5d764e149e4d6b6.png"
          />
          <span class="self-start font_6 text_13">¥</span>
          <span class="self-start font_5 text_12">32.0</span>
          <span class="self-start font_7 text_6 text_14">¥35</span>
        </div>
        <div class="flex-col justify-start items-center text-wrapper_4" onclick="onClick_1()">
          <span class="font_10 text_15">去结算</span>
        </div>
      </div>
    </div>
  </body>
</html>